<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
                <title>{$topic['title']}_{:C('c_title')}</title>
                <meta name="Keywords" content="{$topic['keywords']}" />
                <meta name="Description" content="{$topic['description']}" />
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" type="text/css" href="__CSS__/home/68ecshop_common.css" />
		<link rel="stylesheet" type="text/css" href="__TOPIC__/css/special1.css" />
		<script src="__JQ__" type="text/javascript" charset="utf-8"></script>
		<script src="__JS__/layer/layer.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style type="text/css">
		.box-main{
			width: 1150px;
		}
		.double_com_title strong img{
			width: 100%;
		}
		.goods_com_list4 li{
			width: 396px;
		}
		.goods_com_list4 li a{
			margin-left: 39px;
			border: none;
			margin-bottom: 116px;
		}
		.goods_com_list4 li a img{
			width: 357px;
			height: 357px;
		}
		.goods_com_list4{
			width: 105%;
			margin-left: -39px;
			margin-top: 72px;
		}
		.double_com_title strong{
			padding: 0;
		}
		.box{
			background: url(__TOPIC__/img/yuandanbj_02.png);
		}
	</style>
	<body style="background: #{$topic['base_style']};;">
		<div class="box">
			<div class="banner">
				<img src="{$topic['pc_img']}" />
			</div>
		</div>
		<div class="box">
			<div class="box-main">
				<div class="red_url">
					<div class="red_url_box">
						<div class="red_url_box_float">
							<strong class="red_time_h">10:00</strong>
							<span class="red_time_d">(12月29日)</span>
							<a class="red_url_button">抢红包</a>
						</div>
						<div class="red_url_box_float shut">
							<strong class="red_time_h">10:00</strong>
							<span class="red_time_d">(12月30日)</span>
							<a class="red_url_button">抢红包</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<?php $i=0; ?>
            <foreach item="v" name="goodList" key="k">
                <?php $i++; ?>
		<div class="box">
			<div class="box-main">
				<div class="double_com_title" style="background: url(__TOPIC__/img/yuandan_07.png) no-repeat center;">
					<!--<span><img src="http://www.taodudu.com/themes/68ecshopcom_360buy/SinglesDay11/img/this11_26_01.png"></span>--><strong style="text-align: center; font-size: 30px; color: #A61A0E;">{$k}</strong><!--<span><img src="http://www.taodudu.com/themes/68ecshopcom_360buy/SinglesDay11/img/this11_26_03.png"></span>-->
				</div>
			</div>
		</div>
		<div class="box">
			<div class="box-main">
				<ul class="goods_com_list4">
					<foreach item="m" name="v">
					<li>
                                            <a href="{:HOME_URL}/Goods/{$m['goods_id']}" target="_blank">
							<img src="{$m['goods_thumb']}!250x250" alt="{$m['goods_title']}">
							<p>{$m['goods_title']}</p>
							<div class="price">￥{$m['goods_price']}</div>
							<div style="" class="buyBtn">立即购买</div>
						</a>
					</li>
					</foreach>
				</ul>
			</div>
		</div>
		</foreach> 
	</body>
</html>
<script type="text/javascript">
//根据时间改变按钮颜色
var red={};
red.timeX={:time()};  //现在时间
red.timeK=1482976800;  //开始时间
red.timeJ=1482984000;  //结束时间
red.jishi=setInterval(function(){
	if(red.timeK>=red.timeX && red.timeX<=red.timeJ){
		$(".red_url_box_float").each(function(){
			if(!$(this).hasClass("shut")){
				$(this).addClass("on");
			};
		});
		clearInterval(red.jishi);
	}
},1000)
$(".red_url_button").click(function(){
	if($(this).parents(".on").length>0){
		layer.open({
			area:'384px',
			content: '<img src="http://www.taodudu.com/Public/img/tddweixin.jpg">'
		});
	}else{
		//layer.msg("活动还没开始哟！！！");
		layer.open({
			area:'384px',
			content: '<img src="http://www.taodudu.com/Public/img/tddweixin.jpg">'
		});
	}
})
</script>
